<template>
  <div>
    <div id="companyprofile">
      <section class="sec-01">
        <div class="back-holder">
          <div class="back-box" @click="goBack">
            <img src="../../assets/img/wx/mode/back.png"/>
          </div>
        </div>
        <div class="sec-01__title-box">
          <head-line :txt="sec01Text" :txtStyle="sec01TextStyle"></head-line>
        </div>
        <div class="sec-01__box" flex="main:center">
          <div class="sec-01__box_img">
            <img src="../../assets/img/wx/about-us/img1.png" alt="">
          </div>
        </div>
        <div class="sec-01__box2" flex="dir:top">
          <div class="sec-01__box2_title1">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;杭州晨瑞汽车服务有限公司，总部位于杭州</p>
            <p>拱墅区石祥路688号。是一家集销售、租赁、运维</p>
            <p>为一体的新能源汽车服务平台，创新打造绿色协同</p>
            <p>运输新模式，借助互联网+汽车的模式，用低碳环</p>
            <p> 保的方式解决人、物、交通的最后一公里问题。</p>
          </div>
          <div class="sec-01__box2_title2">
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              目前在浙江与福建两省拥有50家经销商网点，</p>
            <p>年内将扩展到一百家的规模。通过市场的区域化与</p>
            <p>网点化管理运营，将新能源汽车普及到更多普通用</p>
            <p>户手中。</p>
          </div>

        </div>
      </section>
      <section class="sec-02">
        <div class="sec-02__box">
          <img src="../../assets/img/wx/about-us/img2.png" alt="">
        </div>
      </section>

    </div>
  </div>
</template>
<script type="text/ecmascript-6">
  import headLine from "../mode/components/headline"

  export default {
    data() {
      return {
        sec01Text: "公司介绍",
        sec01TextStyle: {
          "font-size": "20px",
          "color": "#ffffff"
        }
      }
    },
    mounted: function () {

    },
    components: {
      headLine
    },
    methods: {
      goBack() {
        this.$router.back()
      }
    }
  }
</script>
<style scoped lang="scss">

  #companyprofile {
    width: 100vw;
    background: #000000;

    .sec-01 {
      color: #ffffff;
      position: relative;
      overflow: hidden;
      .back-holder {
        padding: 23px 14px;
        .back-box {
          width: 103px;
          height: 103px;
          padding: 23px 23px;
          img {
            width:59px;
            height:59px;
          }
        }

      }
      .sec-01__title-box {
        margin:10% 0;
      }
      .sec-01__box {
        width: 100%;
        margin-top: 5vh;
        .sec-01__box_img {
          width: 682px;
          img {
            width: 100%;
            height: 100%;
          }
        }
      }
      .sec-01__box2 {
        width: calc(100%);
        margin-top: 5%;
        margin-left: 5%;
        .sec-01__box2_title1 {

          p {
            font-size: 28px;
            padding-top: 4px;
          }
        }
        .sec-01__box2_title2 {
          margin-top: 5%;
          p {
            font-size: 28px;
            padding-top: 1%;
          }
        }
      }

    }
    .sec-02__box {
      width: 100vw;
      margin-top: 6%;
      img{width: 100%;
        height: 100%;
      }
    }
  }
</style>
